<template>
  <div>
    <oolongPage :total="100"></oolongPage>
    <br>  <br>
    <oolongPage :total="100" show-sizer></oolongPage>
    <br>  <br>
    <oolongPage :total="100" show-elevator></oolongPage>
    <br>  <br>
    <oolongPage :total="100" show-total></oolongPage>
    <br>  <br>
    <oolongPage :total="40" size="small"></oolongPage>
    <br>
    <oolongPage :total="40" size="small" show-elevator show-sizer></oolongPage>
    <br>
    <oolongPage :total="40" size="small" show-total></oolongPage>
    <br>  <br>
    <oolongPage :current="2" :total="50" simple></oolongPage>
  </div>
</template>
<script>
  export default{
    data(){
      return {

      }
    }
  }
</script>
<style lang="scss" scoped>

</style>
